<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>预警插件设置</title>
  <link rel="stylesheet" href="styles.css">
  <script src="jquery-3.6.0.min.js"></script>
</head>

<body>
  <div class="container">
    <h2>预警插件设置</h2>
    <div class="settings">
      <label>
        <input type="checkbox" id="enableNotifications" checked>
        启用通知
      </label>
      <label>
        <input type="checkbox" id="enableSound" checked>
        启用声音提醒
      </label>
      <div class="alert-settings">
        <label for="alertInterval">提醒间隔（分钟）：</label>
        <input type="number" id="alertInterval" min="1" value="5">
      </div>
      <div class="sound-settings">
        <label>声音类型：</label>
        <select id="soundType">
          <option value="beep">蜂鸣声</option>
          <option value="alert">警报声</option>
        </select>
      </div>
    </div>
    <button id="saveSettings">保存设置</button>
  </div>
  <script src="popup.js"></script>
</body>

</html>